<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.square {
	list-style-type: square;
	background-color: #3CF;
}
.disc {
	list-style-type: disc;
	background-color: #93F;
}
.circle {
	list-style-type: circle;
background-color:#C39:
}
.none {
	list-style-type: none;
	background-color: #3F6;
}
.list_img {
	list-style-image: url(images/photo1.jpg);
}
div {
	width: 80px;
	height: 60px;
	float: left;
	margin: 10px 10px 30px 20px;
	padding: 50px;
}
</style>
</head>
<body>
<div>
  <ul class="square">
    <li>咖啡</li>
    <li>牛奶</li>
  </ul>
</div>
<div>
  <ul class="disc">
    <li>咖啡</li>
    <li>牛奶</li>
  </ul>
</div>
<div>
  <ul class="circle">
    <li>咖啡</li>
    <li>牛奶</li>
  </ul>
</div>
<div>
  <ul class="none">
    <li>咖啡</li>
    <li>牛奶</li>
  </ul>
</div>
<div>
  <ul class="list_img">
    <li>咖啡</li>
    <li>牛奶</li>
  </ul>
</div>
<ol>
  <li>Coffee</li>
  <li>Milk</li>
</ol>
<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>mIlk</dt>
  <dd>White cold drink</dd>
</dl>
</body>
</html>
